<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8" session="false" deferredSyntaxAllowedAsLiteral="true"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="apple-touch-icon" sizes="76x76" href="${pageContext.request.contextPath}/page/assets/img/apple-icon.png" />
	<link rel="icon" type="${pageContext.request.contextPath}/page/image/png" href="${pageContext.request.contextPath}/src/main/webapp/page/assets/img/favicon.png" />
	<title>考试预约</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

	<!-- CSS Files -->
    <link href="${pageContext.request.contextPath}/page/assets/css/bootstrap.min.css" rel="stylesheet" />
	<link href="${pageContext.request.contextPath}/page/assets/css/paper-bootstrap-wizard.css" rel="stylesheet" />

	<!-- CSS Just for demo purpose, don't include it in your project -->
	<link href="${pageContext.request.contextPath}/webapp/page/assets/css/demo.css" rel="stylesheet" />

	<!-- Fonts and Icons -->
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">
	<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
	<link href="${pageContext.request.contextPath}/page/assets/css/themify-icons.css" rel="stylesheet">
	<script src="${pageContext.request.contextPath}/page/admin/lib/jquery/1.9.1/jquery.min.js"></script> 
	<script src="${pageContext.request.contextPath}/static/lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/page/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<!-- 日期链接 -->
	
</head>

<body>
	<div class="image-container set-full-height" style="background-image: url('${pageContext.request.contextPath}/page/assets/img/g3.jpg')">
	    <!--   Creative Tim Branding   -->
	    <!-- div ok -->
	    <a href="#">
	         <div class="logo-container">
			            <div class="logo">
			                <img src="${pageContext.request.contextPath}/page/assets/img/new_logo.png">
			            </div>
			            <div class="brand">
			                用户
			            </div>
	        </div>
	    </a>

		<!--  Made With Paper Kit  -->
	

	    <!--   Big container   -->
	    <div class="container">
	        <div class="row">
		        <div class="col-sm-8 col-sm-offset-2">

		            <!--      Wizard container        -->
		            <div class="wizard-container">

		                <div class="card wizard-card" data-color="orange" id="wizardProfile">
		                    <form>
		                <!--        You can switch " data-color="orange" "  with one of the next bright colors: "blue", "green", "orange", "red", "azure"          -->

		                    	<div class="wizard-header text-center">
		                        	<h3 class="wizard-title">考试预约</h3>
									<p class="category"></p>
		                    	</div>
					<!-- 1111111111111111111 -->
								<div class="wizard-navigation">
										<div class="progress-with-circle">
										     <div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="1" aria-valuemax="3" style="width: 61%;"></div>
										</div>
										<ul>
				                            <li>
												<a href="#about" data-toggle="tab">
													<div class="icon-circle">
														<i class="ti-user"></i>
													</div>
													科目信息
												</a>
											</li>
										
											     <li>
													<a href="#account" data-toggle="tab">
														<div class="icon-circle">
															<i class="ti-star"></i>
														</div>
													      考试场地
													</a>
												</li>
				                            <li>
												<a href="#address" data-toggle="tab">
													<div class="icon-circle">
														<i class="ti-map"></i>
													</div>
													时间选择
												</a>
											</li>
			                          </ul>
								</div>
						<!-- 11111111111111111111111 -->
		                        <div class="tab-content">
		                            <div class="tab-pane" id="about">
		                            	<div class="tab-pane" id="account">
			                            <div class="form-group"  align="center">
														 <h5 class="info-text">考试区域：
														<text>泉州</text> </h5>
														
										</div>
		                               	 <div class="row"  align="center" >
													<h5 >地点</h5>
													 <select name="address" >
		                                                  <option>          </option>
														  <option value="1">南安</option>
														  <option value="2">晋江</option>
														  <option value="3">安溪</option>
														  <option value="4">石狮</option>
		                                            </select>
													
													
										</div>
	
		                               </div>
		                            </div>
		                            <!-- 11111111111111111111111 -->
		                            
		                            <!-- 11111111111111111111111 -->
		                          
		                        </div>
		                        <!-- 11111111111111111111111 -->
		                        <div class="wizard-footer">
		                            <div class="pull-right">
		                                <input type='button' class='btn btn-next btn-fill btn-warning btn-wd' id="next" name='next' value='下一项' />
		                                <input type='button' class='btn btn-finish btn-fill btn-warning btn-wd' name='finish' value='完成' />
		                            </div>

		                            <div class="pull-left">
		                                <input type='button' class='btn btn-previous btn-default btn-wd' name='previous' value='返回' />
		                            </div>
		                            <div class="clearfix"></div>
		                        </div>
		                        <!-- 11111111111111111111111 -->
		                    </form>
		                </div>
		            </div> <!-- wizard container -->
		        </div>
	    	</div><!-- end row -->
		</div> <!--  big container -->

	   
	</div>
</body>

	<!--   Core JS Files   -->
	<script src="${pageContext.request.contextPath}/page/assets/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/page/assets/js/jquery.bootstrap.wizard.js" type="text/javascript"></script>

	<!--  Plugin for the Wizard -->
	<script src="${pageContext.request.contextPath}/page/assets/js/paper-bootstrap-wizard.js" type="text/javascript"></script>

	<!--  More information about jquery.validate here: http://jqueryvalidation.org/	 -->
	<script src="${pageContext.request.contextPath}/page/assets/js/jquery.validate.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function()
	{
	
	});
	function personInfo()
	{
		$("#subject option:selected").text(); 
	}
	function select()//下拉框判断是否为空
	{
		$("#next").click(function(){
			if ($("#subject option:selected").val()==0){
				//alert("请选择科目");
				layer.msg('请选择科目',{icon:0,time:2000});
			}
			else
				window.location.href="${pageContext.request.contextPath}/page/agreement.jsp";
		});
		
		
		
		
	}
     function test()//预约须知
     {

			layer.open({
				  type: 2,
				  title: '预约须知',
				  closeBtn: 0, //不显示关闭按钮
				  shade: [0],
				  area: ['600px', '500px'],
				  offset: 'c', //右下角弹出
				 
				  anim: 2,
				  content: ['${pageContext.request.contextPath}/page/agreement.jsp','yes'], //iframe的url，no代表不显示滚动条
				
				});
     }
	</script>

</html>

